Skip to content

Conversation

@PiyushChandra17
Copy link
Contributor

Fixes #2678

Changes:

  • Added floating-ui to ensure all modals fit fully within the screen
  • Added browser specific code to detect safari browser (used conditional rendering accordingly)
  • Played around in safari browser and seems like overflow: hidden works here:
    body {
    font-size: #{$base-font-size}px;
    }

Chome:

chrome.mov

Safari:

safari.mov

I have verified that this pull request:

  • has no linting errors (npm run lint)
  • has no test errors (npm run test)
  • is from a uniquely-named feature branch and is up to date with the develop branch.
  • is descriptively named and links to an issue number, i.e. Fixes #123

@raclim raclim added Area: Design For UI/UX design updates, proposals, or feedback Bug Error or unexpected behaviors Area:CSS For styling or layout issues handled with CSS/SASS labels Jun 16, 2024
@raclim
Copy link
Collaborator

raclim commented Jul 19, 2024

Thanks for your work on this!

After giving it some thought I think we might want to try to find a workaround for this that doesn't involve adding another dependency if possible, so I'm going to close this for now!

@raclim raclim closed this Jul 19, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Area:CSS For styling or layout issues handled with CSS/SASS Area: Design For UI/UX design updates, proposals, or feedback Bug Error or unexpected behaviors

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Clicking hello! username user-menu dropdown causes the console to move when the username is short

2 participants